﻿

@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }
    </style>
}
<div id="PerformanceDpetSet" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">
            <header class="px-5 box-border rounded-lg">
                <div class="flex items-center">
                    <div style="border-radius: 4px !important" class="w-full h-[48px] text-[13px]  mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformanceDpetSetParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">审核组</span> </span>  </div>
                </div>
                <div style="padding: 20px 24px; padding-top: 16px; box-sizing: border-box; border-radius:4px !important" class="w-full h-min-[108px]  bg-white text-[#424758]">

                    <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                    <a-row>
                        <a-form layout="inline"
                                :model="PerformanceDpetSetParams.queryParams.value">
                            <a-form-item label="成员角色">
                                @*<a-input v-model:value="PerformanceDpetSetParams.queryParams.value.role" placeholder="请输入成员角色" />*@
                                <a-select allow-clear
                                          placeholder="请选择成员角色"
                                          v-model:value="PerformanceDpetSetParams.queryParams.value.role"
                                          style="width:150px">
                                    <a-select-option v-for="e in PerformanceDpetSetParams.roleList.value" :value="e.value">{{e.label}}</a-select-option>
                                </a-select>
                            </a-form-item>
                            <a-form-item label="部门">
                                <a-select allow-clear
                                          placeholder="请选择部门"
                                          show-search
                                          :options="PerformanceDpetSetParams.sdeptList.value"
                                          :filter-option="PerformanceDpetSetParams.filterOption"
                                          v-model:value="PerformanceDpetSetParams.queryParams.value.dept"
                                          style="width:200px">
                                    @*<a-select-option v-for="e in PerformanceDpetSetParams.sdeptList.value" :value="e.value">{{e.label}}</a-select-option>*@
                                </a-select>
                            </a-form-item>
                            <a-button v-on:click="PerformanceDpetSetParams.queryList" type="primary">查询</a-button>
                        </a-form>
                    </a-row>

                    <div class="flex w-full mt-10">
                        <a-card :bordered="true" class="w-full  mt-12">
                            <template #title>
                                <div class="w-full flex justify-between items-center">
                                    <div class="flex items-center"> <div>审核组成员</div> <div class="ml-7"><a-tag color="#108ee9">总数:{{PerformanceDpetSetParams.pagination.value.total}}</a-tag></div></div>

                                    <a-button v-on:click="PerformanceDpetSetParams.handleDialog(0)" type="primary">新增</a-button>
                                </div>



                            </template>

                            <a-table v-on:change="PerformanceDpetSetParams.handleTableChange" :loading="PerformanceDpetSetParams.loading.value" class="mt-10" :pagination="PerformanceDpetSetParams.pagination.value" :data-source="PerformanceDpetSetParams.dataSource.value" :columns="PerformanceDpetSetParams.columns.value">

                            </a-table>

                        </a-card>

                    </div>

                </div>
                <a-modal v-model:open="PerformanceDpetSetParams.confirmShow.value" title="温馨提示" v-on:ok="PerformanceDpetSetParams.handleconfirmOk">
                    <p>确定删除此数据 ？</p>

                </a-modal>

                <a-modal v-model:open="PerformanceDpetSetParams.open.value" width="800px" title="成员信息" v-on:ok="PerformanceDpetSetParams.handleOk">
                    <div style="padding-top:20px">
                        <a-form ref="formRef"
                                layout="horizontal"
                                :model="PerformanceDpetSetParams.formState.value"
                                :rules="PerformanceDpetSetParams.rules.value"
                                :label-col="{ span: 5 }"
                                :wrapper-col="{ span: 12 }">
                            <div style="display:flex;align-items:center;width:100%">
                                <div style="flex:1">
                                    <a-form-item label="所属部门" required name="dept">
                                        <a-select allow-clear
                                                  show-search
                                                  :filter-option="PerformanceDpetSetParams.filterOption1" :disabled="PerformanceDpetSetParams.opType.value==2" v-model:value="PerformanceDpetSetParams.formState.value.dept"
                                                  label-in-value
                                                  :options="PerformanceDpetSetParams.deptList.value"
                                                  v-on:change="PerformanceDpetSetParams.handleDeptChange(PerformanceDpetSetParams.formState.value.dept)"></a-select>
                                    </a-form-item>

                                    <a-form-item label="成员姓名" required name="name">
                                        <a-select allow-clear
                                                  show-search
                                                  :filter-option="PerformanceDpetSetParams.filterOption2" :disabled="!PerformanceDpetSetParams.formState.value.dept||PerformanceDpetSetParams.opType.value==2"
                                                  v-model:value="PerformanceDpetSetParams.formState.value.name"
                                                  label-in-value
                                                  :options="PerformanceDpetSetParams.memberList.value"
                                                  v-on:change="PerformanceDpetSetParams.handleUserChange()"></a-select>
                                    </a-form-item>
                                    <a-form-item label="成员职务" name="job">
                                        <a-input :disabled="PerformanceDpetSetParams.opType.value==2" v-model:value="PerformanceDpetSetParams.formState.value.job" />
                                    </a-form-item>
                                </div>
                                <div style="flex:1">

                                    <a-form-item label="成员角色" name="role">
                                        <a-select allow-clear
                                                  placeholder="请选择成员角色"
                                                  v-model:value="PerformanceDpetSetParams.formState.value.role"
                                                  :options="PerformanceDpetSetParams.roleList.value"
                                                  style="width:253px">
                                            @*<a-select-option v-for="e in PerformanceDpetSetParams.roleList.value" :value="e.value">{{e.label}}</a-select-option>*@
                                        </a-select>
                                    </a-form-item>
                                    <a-form-item label="联系电话" name="tel">
                                        <div v-if="!PerformanceDpetSetParams.formState.value.tel||PerformanceDpetSetParams.formState.value.tel=='null'">暂无</div>
                                        <a-input v-else disabled v-model:value="PerformanceDpetSetParams.formState.value.tel" />
                                    </a-form-item>

                                    <a-form-item>
                                    </a-form-item>
                                </div>

                            </div>


                        </a-form>
                    </div>

                </a-modal>


            </header>
        </a-config-provider>
        </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/checkGroup.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformanceDpetSet', Composition, localeValues)
    </script>
}
